<app-card-list [headerTitle]="headerTitle">
  <div class="rank-list" *ngFor="let item of pgList;index as i">
    <div class="rank-item">
      <div class="rank-item-index">
        <span>NO.{{ i + 1 }}</span>
      </div>
      <div class="rank-item-content">
        <div class="tip">
          <div class="title">
            项目{{ i + 1 }}
          </div>
          <div class="content">
            {{ item }}{{unit}}
          </div>
        </div>
        <div class="progress" [style.width]="pgListStyle[i].percent*7.9+'vw'"
             [style.background-color]="pgListStyle[i].color">
        </div>
      </div>
    </div>
  </div>
</app-card-list>
